<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
 
<body>
	
	
	
	<h4>一、Responsive Web</h4>

<ul>
<li><p>为啥要响应式Web设计? 上网设备屏幕之间的差距也达到了前所未有之大</p>

<p>查<a href="gs.statcounter.com">gs.statcounter.com</a></p></li>
<li><p>什么是响应式Web? <a href="https://alistapart.com/article/responsive-web-design">趣味解释</a></p>

<ul>
<li><a href="http://www.sysu.edu.cn/2012/cn/index.htm">中山大学</a> VS <a href="http://wcy.nfu.edu.cn/">文学与传媒学院</a></li>
</ul></li>
<li><p>Chrome DevTools: 开发者工具*</p>

<ul>
<li><a href="https://developers.google.com/web/tools/chrome-devtools/?hl=zh-cn">官方网站(得科学上网)</a></li>
<li><a href="https://www.html.cn/doc/chrome-devtools/inspect-styles/">cs88.com来源</a></li>
<li><a href="https://leeon.gitbooks.io/devtools/learn_basic/overview.html">Gitbooks.io来源</a></li>
</ul></li>
</ul>

<h4>二、回家实践</h4>

<ul>
<li>回家安装 （依序）

<ul>
<li><a href="https://portableapps.com/download">PortableApps.com 14.4.3 或更新</a></li>
<li><a href="https://portableapps.com/apps/utilities/7-zip_portable">Portable 7-zip18.01 或更新</a></li>
<li><a href="https://portableapps.com/apps/development/notepadpp_portable">Portable Notepad++ 7.5.4 或更新</a></li>
<li><a href="https://portableapps.com/apps/internet/iron_portable">Portable Iron Portable 64.0.3350.0 或更新</a>

<ul>
<li><a href="http://rwd.education/download.zip">课本例子下载</a></li>
<li>用以上软件实践<a href="http://www.ituring.com.cn/book/1817">RWD CH1</a> 内容，并使用Chrome 开发者工具查看响应式效果</li>
</ul></li>
</ul></li>
</ul>



<h4>三、什么是HTML？</h4>
<ol>
	<li>HTML是一种超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>HTML不是一种编程语言；</li>
	<li>HTML5是HTML的最新版本</li>
	
	
</ol>



</body>
 
</html>